<div class="main">
  <app-head
    class="head"
    [langs]="langs"
    [hideTitle]="isLargeFlg"
    (langSelectEvent)="changeLang($event)"
    (menuButtonClickEvent)="toggleMenu()"
  ></app-head>
  <mat-sidenav-container class="menu-container" [autosize]="false">
    <mat-sidenav
      [autoFocus]="false"
      [mode]="menuMode"
      [opened]="menuOpenStatus"
      (openedChange)="openedChange()"
      class="menu-sidenav"
    >
      <app-menu class="menu" (menuClickEvent)="closeMenu($event)"></app-menu>
    </mat-sidenav>
    <mat-sidenav-content class="sidenav-content">
      <!-- <div [id]="captureElementID" class="outlet" [@routeAnimations]="prepareRoute(outlet) | async"> -->
      <div [id]="captureElementID" class="outlet">
        <router-outlet #outlet="outlet">
          <!-- <app-paste-event-listener
            (pastedImage)="addPastedImage($event)"
          ></app-paste-event-listener> -->
        </router-outlet>
      </div>
    </mat-sidenav-content>
  </mat-sidenav-container>
  <!-- <app-footer class="footer"></app-footer> -->
</div>
